<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        a{
            text-decoration: none;
        }
        *{margin:0;padding:0}
        .head{
            line-height: 50px;
            background-color: aqua;
            text-align: center;
        }
        .content{
            width:400px;
            background-image: url('../images/timg2.jpg');
            margin-left: auto;
            margin-right: auto;
            padding：10px;
        }
        .img{
            width:400px;
        }
        .input{
            width:280px;
            height: 30px;
        }
        button{
            width:100px;
            height:34px;
            background: #7fffd4;
            border:1px solid springgreen;   
        }
        .about{
            color:#00BFFE;
            line-height: 40px;
        }
        ul{
            list-style: none;
        }
        li{
            margin-top: 10px;
        }

    </style>
</head>
<body>
    <h3 class="head">个人网站</h3>
    <div class="content">
        <div>
            <input type="text" class="input">
            <button>百度一下</button>
        </div>
        <h4 class="about">about us</h4>
        <img class="img" src="../images/timg1.jpg" alt="">
        <ul>
                <li>关于单纯的信任</li>
                <li>关于拥抱的心疼</li>
                <li>关于青春 那件傻事的余震</li>
                <li>就用这一首歌来作证</li>
                <li>2015年 周笔畅 反思青春 温情解读关于（我们）</li>
        </ul>
        <div>
            <a href="https://www.taobao.com/">去淘宝</a>
            <a href="https://www.baidu.com">去百度</a>
        </div>
    </div>
</body>
</html>